# Block: Card Link

Link reset utility for wrapper elements

Utility Block

### Purpose & Logic

The `.as-card-link` class is designed to strip away default browser link styles. This is essential when an entire card is clickable, but you want the text inside (titles, excerpts) to retain their specific themed colors.

|Property|Value|Description|
|---|---|---|
|`color`|`inherit`|Prevents the link from turning "Link Blue."|
|`text-decoration`|`none`|Removes the default underline.|
|`outline`|`0`|Removes the focus ring on `:focus` (ensure accessibility is handled via the card container).|

### Usage Example

##### Generated HTML

```html
<!-- Wrapping a complex component -->
<a href="/details" class="as-card-link">
    <div class="as-article-item">
        <!-- Text here will NOT turn blue -->
        <h4>Title</h4>
        <p>Content...</p>
    </div>
</a>
```

##### SCSS

```scss
.as-card-link {
  color: inherit;
  text-decoration: none;

  @include hover-focus {
    color: inherit;
    text-decoration: none;
  }

  &:focus {
    outline: 0;
  }
}
```

